<template>
	<view>
		<view class="czmain">
			<view class="cztop">
				<view class="czxx">提现方式：{{type}}</view>
				<view class="czyebox">
					<view style="font-size: 36upx; text-align: center;">当前余额 ￥{{urerdata.money}}</view>
					<view class="cl-w">提现金额</view>
					<input type="digit" focus class="czye" v-model="money" placeholder="请输入提现金额" />
					<view class="cl-w">提现姓名</view>
					<input type="text" class="czye1" v-model="name" placeholder="请输入提现姓名" />
					<view class="cl-w">提现账号</view>
					<input type="text" class="czye1" v-model="cord" placeholder="请输入提现账号" />
					<view style="margin-top: 10upx; font-size: 28upx; color: #ff0000;">备注：{{configsa.txbz}}</view>
					<view class="uni-btn-v uni-common-mt">
						<button class="onstep" @click="butsub()">提交</button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: false,
				money: '',
				name: '',
				cord: '',
				type: '支付宝',
				dbled: true,
				urerdata: [],
				configsa: [],
				providerList: []
			}
		},
		onLoad: function() {

		},
		onShow: function() {
			this.ongrzlTap()
		},
		methods: {
			async butsub() {
				var thia = this
				let data = {
					'token': uni.getStorageSync("userinfo").token,
					'money': this.money,
					'name': this.name,
					'cord': this.cord,
					'type': this.type,
				};
				let [err, res] = await this.$httpas.get('/api/user/tx', data);
				if (!this.$httpas.errorCheck(err, res)) return;
				uni.showModal({
					title: this.$t('play.wins'),
					content: res.data.msg,
					showCancel: false,
					success: ress => {
						if (res.data.code == 1) {
							thia.money = ''
							thia.name = ''
							thia.cord = ''
						}
						thia.ongrzlTap()
					}
				});
			},
			async ongrzlTap() {
				let data = {};
				data.token = uni.getStorageSync("userinfo").token;
				data.uid = uni.getStorageSync("userinfo").id;
				uni.request({
					url: this.configs.webUrl + '/api/user/index',
					data: data,
					success: res => {
						if (res.data.code == 1) {
							this.urerdata = res.data.data
							if (res.data.data.config) {
								this.configsa = res.data.data.config
							}
						} else {
							uni.showToast({
								title: res.data.msg,
								icon: "none"
							});
						}
					},
					fail: (data, code) => {
						//console.log('fail' + JSON.stringify(data));
					}
				});
			},
			// 监听原生标题导航按钮点击事件
			onNavigationBarButtonTap(e) {
				const index = e.index;
				uni.navigateTo({
					url: "/pages/client/member/txjl"
				})

			}
		}
	}
</script>

<style>
	.cztop {
		position: relative;
	}

	.czxx {
		top: 10px;
		font-size: 32upx;
		margin-left: 50upx;
		color: #fff;
		font-family: iconfont;
		line-height: 80upx;
	}

	.czyebox {
		padding: 20upx 50upx;
	}

	.czyebox>view:first-child {
		font-size: 32upx;
		color: #fff;
		line-height: 50px;
	}

	.czye {
		width: 100%;
		border-bottom: 1upx solid #e5e5e5;
		font-size: 36upx;
		font-weight: bold;
		color: #fff;
		position: relative;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.czye:after {
		position: absolute;
		top: -2px;
		left: 0;
		content: '￥';
		color: #fff;
		font-size: 18px;
	}

	.czye1 {
		width: 100%;
		border-bottom: 1upx solid #e5e5e5;
		font-size: 32upx;
		color: #fff;
		position: relative;
		height: 40px;
		line-height: 40px;
	}

	.onstep {
		margin-top: 40upx;
		background: #007AFF !important;
	}

	.czmain {
		width: 94%;
		margin: 10px auto;
		overflow: hidden;
		background: #1f1f1f;
		border-radius: 16upx;
		padding-bottom: 20px;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
	}

	.icon-alipay {
		background: #fbfbfb;
		padding-bottom: 20upx;
	}

	.icon-alipay>view:first-child {
		margin-top: 10px;
		font-size: 32upx;
		padding-left: 0upx;
		color: #3a3a3a;
		font-family: iconfont;
		position: relative;
		line-height: 30px;
	}

	.icon-alipay:before {
		content: "\e636";
		margin-top: 25upx;
		margin-right: 10upx;
		color: #007AFF;
	}

	.cztype>view:first-child:after {
		position: absolute;
		content: "\e66c";
		top: 0;
		left: 0;
		font-size: 26px;
		color: #05c160;
	}


	.rmbLogo {
		font-size: 40upx;
	}

	button {
		background-color: #007aff;
		color: #ffffff;
	}

	.uni-h1.uni-center {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}

	.ipaPayBtn {
		margin-top: 30upx;
	}
</style>